*{	
	margin: 0;
	padding: 0;
}
body{
	padding: 100px 0;
    background-image: url(./img/alum.png);
    background-size:cover;
}
form{
	padding-bottom: 50px;
	text-align: center;
}
input{
	display: inline-block;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border: none;
	border-bottom: 3px solid #050505;
	box-sizing: border-box;
	background: transparent;
}
input:focus{
	outline: none;
}
form a{
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	font-family: "Microsoft YaHei", "微软雅黑";
	text-decoration: none;
	border-radius: 8px;
	background: #050505;
}
form .baidu{
	margin: 0 10px;
}
form a:hover{
	cursor: pointer;
}
div{
	margin: 0 auto;
	width: 850px;
	text-align: center;
}
kbd{
	display: inline-block;
	margin: 6px;
	width: 71px;
	height: 69px;
	color: #fff;
	font-size: 25px;
	line-height: 69px;
	font-weight: 600;
	background: #050505;
	border-radius: 8px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
}
@font-face {
    font-family: keyboard;
    src: url('./fonts/keyboard.otf') format('opentype');
  }
kbd:hover{
    cursor: pointer;
    background-color: #e6117b;
	backface-visibility: hidden;
    perspective: 1000px;
    transition: background-color .3s linear;
}
.description{
	margin: 50px auto;
	width: 300px;
	color: #444;
	font-size: 14px;
	font-family: "Microsoft YaHei", "微软雅黑";
}
.description span{
	font-weight: bold;
	color: #222;
}
